<template>
  <div class="search">
    <input
     type="text"
     class="search-input"
     placeholder="输入城市名或拼音"
    >
  </div>
</template>
<script>
export default {
  name: 'CitySearch'
}
</script>
<style lang="scss" scoped>
@import '~style/base.scss';
  .search {
    height: .36rem;
    padding: 0 .05rem;
    background: $themeColor;
    .search-input {
      font-size: .14rem;
      box-sizing: border-box;
      width: 100%;
      height: .31rem;
      padding: 0 .05rem;
      line-height: .31rem;
      text-align: center;
      border-radius: .03rem;
      color:#666;
    }
  }
</style>
